<template>
  <div v-if="showBanner" class="common-banner">
    <app-icon name="warning" class="text-sm text-[#FF6805]" />
    <span> {{ content }}</span>
  </div>
</template>
<script lang="ts" setup>
interface IProp {
  content?: string
  showBanner: boolean
}
withDefaults(defineProps<IProp>(), {
  content: '打包服务异常，请联系平台管理员处理。',
  showBanner: false
})
</script>
<style lang="scss">
.common-banner {
  @apply flex items-center gap-x-1 h-10  m-4 px-3 mb-0  text-sm bg-[#fef4e6] box-content;
  border: 1px solid #f9b44e;
  border-radius: 4px;
}
</style>
